<template>
    <div class="customer_sop_container">
        <SopTable v-if="sonRefresh"></SopTable>
    </div>
</template>

<script lang="tsx">
import { defineComponent } from 'vue';
// 定义name专用script标签
// eslint-disable-next-line vue/component-definition-name-casing
export default defineComponent({ name: 'CUSTOMER_SOP' });
</script>

<script lang="tsx" setup>
import { nextTick, ref, watch } from 'vue';
import SopTable from './components/SopTable.vue';
import { useRoute } from 'vue-router';
const route = useRoute();
const sonRefresh = ref(true);
watch(
    () => route.query.type,
    val => {
        if (val == 'refresh') {
            // refreshTable();
        }
    }
);
const refreshTable = () => {
    sonRefresh.value = false;
    nextTick(() => {
        sonRefresh.value = true;
    });
};
</script>
<style lang="scss" scoped>
.customer_sop_container {
    height: calc(100vh - 142px);
    padding: 24px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
</style>
